<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>仪器共享</title>

<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

<meta name="description"
	content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。">


<link rel="stylesheet" href="css/new_css/bootstrap.min.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">

<script src="js/jquery-1.11.3.js"></script>

<script src="js/bootstrap.min.js"></script>

<script src="method/xhh/machine_user19.js"></script>

<script>
	$(function() {
		$('.content .container .box .tab li').click(function() {
			$(this).addClass('selected').siblings().removeClass('selected');
			$('.content .container .box .form li').eq($(this).index()).show().siblings().hide();
		});
	});
</script>

<style>
aside.main-center .nav-title {
	color: #FF8A00;
}

.intermediate-content {
	margin-top: 20px;
	border: 1px solid #CCCCCC;
	padding: 20px 0px;
	margin-bottom: 20px;
}

.navigationBar {
	padding-bottom: 10px;
	margin-left: 20px;
	border-bottom: 1px solid #ccc;
}

.navigationBar a {
	font-size: 18px;
	height: 30px;
	padding-bottom: 10px;
	border-bottom: 3px solid #FF8A00;
}

.intermediate-name-time {
	width: 559px;
	height: 100%;
	margin: 0 auto;
	margin-top: 60px;
}

.intermediate-time {
	margin-top: 20px;
	height: 100%;
	min-height: 240px;
	border: 1px solid #CCCCCC;
}

.intermediate-name label {
	padding-right: 2px;
	font-size: 16px;
}

input.scheme-name {
	width: 210px;
	padding-left: 10px;
	margin-right: 24px;
}

select.select-style {
	width: 210px;
}

.intermediate-time-start, .intermediate-time-end {
	width: 278.5px;
	height: 68px;
	background-color: #F4F4F4;
}

.intermediate-time-start p, .intermediate-time-end p {
	line-height: 68px;
	font-size: 16px;
	color: #202020;
	text-align: center;
}

.intermediate-time-start-fl {
	height: 170px;
	border-left: 1px solid #D3D3D3;
}

.intermediate-time-start-fl.haha {
	border-left: none;
}

.low-item-1 li, .low-item-2 li {
	float: left;
	height: 70px;
	line-height: 70px;
}

.low-item-1 li .select, .low-item-2 li .select {
	width: 118.5px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.low-item-2 li {
	background-color: #fef4e8;
}

.submit-btn {
	text-align: center;
	margin: 30px 170px;
}

.submit-btn-a {
	width: 226px;
	height: 64px;
	background: rgba(255, 138, 0, 1);
	border-radius: 5px;
	display: block;
	line-height: 64px;
	font-size: 18px;
	color: #ffffff;
	cursor: pointer;
}

.submit-btn-a:hover {
	color: #ffffff;
}
</style>

</head>

<body>
	<!--header-->

	<%@include file="/header2.jsp"%>

	<!--中间-->

	<aside class="main-center">
		<!--title-->
		<section class="mainTitle">
			<p>
				您的位置: <a href="">仪器管理与发布</a> > <a href="">信息发布</a> > <a href="">增加</a>
				> <span class="nav-title">新增时间方案</span>
			</p>
		</section>

		<!--main-contant-->
		<div class="intermediate-content">
			<!--navigation-bar-->
			<div clas="navigationBar"
				style="border-bottom: 1px solid #ccc; padding-bottom: 10px;margin-left: 20px;">
				<a
					style=" border-bottom: 3px solid #FF8A00; font-size: 18px;height: 30px;padding-bottom: 10px;">新增时间段方案</a>
			</div>

			<div class="intermediate-name-time">
				<!--intermediate-name-->
				<div class="intermediate-name">
					<form action="" method="post">

						<!--方案名称-->
						<label>方案名称</label> <input class="scheme-name" type="text"
							placeholder="周末开放时间" id="TimeName">

						<!--默认-->
						<label>默认</label> <select class="select-style" id="IsDefault">
							<option onclick="selectClick()" value="0">是</option>
							<option onclick="selectClick()" value="1">否</option>
						</select>

					</form>

				</div>
				<!--intermediate-time-->
				<table class="table" border="1"
					style="margin-top: 30px; border: 1px solid #CC8;">
					<tr
						style="background: rgba(244,244,244,1);border: 0px;border-bottom: 1px solid #ccc;">
						<th colspan="2">开始时间</th>
						<th colspan="2">结束时间</th>
					</tr>

					<tr class="nth1" id="a">
						<td style="border: 0px;"><select class="select-time beginTime">
							<option>00</option>
							<option>01</option>
							<option>02</option>
							<option>03</option>
							<option>04</option>
							<option>05</option>
							<option>06</option>
							<option>07</option>
							<option>08</option>
							<option>09</option>
							<option>10</option>
							<option>11</option>
							<option>12</option>
							<option>13</option>
							<option>14</option>
							<option>15</option>
							<option>16</option>
							<option>17</option>
							<option>18</option>
							<option>19</option>
							<option>20</option>
							<option>21</option>
							<option>22</option>
							<option>23</option>
						</select></td>
						<td style="border: 0px;"><select class="select-time">
								<option>00</option>
						</select></td>
						<td style="border: 0px;border-left: 1px solid #ccc;"><select
							class="select-time overTime">
								<option>00</option>
								<option>01</option>
								<option>02</option>
								<option>03</option>
								<option>04</option>
								<option>05</option>
								<option>06</option>
								<option>07</option>
								<option>08</option>
								<option>09</option>
								<option>10</option>
								<option>11</option>
								<option>12</option>
								<option>13</option>
								<option>14</option>
								<option>15</option>
								<option>16</option>
								<option>17</option>
								<option>18</option>
								<option>19</option>
								<option>20</option>
								<option>21</option>
								<option>22</option>
								<option>23</option>
						</select></td>
						<td style="border: 0px;"><select class="select-time">
								<option>00</option>
						</select></td>
					</tr>
				</table>
				<div class="btn-ingh" style="text-align: center;">
					<button class="button-add" onclick="fun()">增加一行</button>
					<button class="button-add" onclick="del()">删除一行</button>
				</div>
				<style>
				</style>
				<!--submit btn-->
				<div class="submit-btn clearfix">
					<a class="submit-btn-a" onclick="disposeTime()">提交</a>
				</div>

			</div>
		</div>
	</aside>

	<!--footer-->
	<footer>
		<div class="foot clearfix">
			<p>&copy; 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987</p>
		</div>
	</footer>

	<script src="js/common.js"></script>
	<script type="text/javascript">
		function fun() {
			var $td = $("#a").clone(); //增加一行,克隆第一个对象
			$(".table").append($td);
			$("table tr:last").find(":input").val(''); //将尾行元素克隆来的保存的值清空
		}
	
		function del() {
			$("table tr:not(:first):not(:first):last").remove(); //移除最后一行,并且保留前两行
		}
	</script>

</body>


<style>
th {
	text-align: center;
	width: 600px;
	height: 70px;
	vertical-align: middle !important;
}

select.select-time {
	border: 1px solid #2222;
	border-radius: 5px;
	height: 40px;
	margin-left: 10px;
	width: 100px;
}

td {
	padding: 5px;
}

.nth1:nth-child(odd) {
	background-color: #fef4e8;
}

.nth1:nth-child(even) {
	background-color: #fff;
}

.button-add {
	width: 156px;
	border: 1px solid #FF8A00;
	height: 46px;
	border-radius: 5px;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	justify-items: center;
}
</style>



</html>
